<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Kapa-Kohila</title>
        <link href="style.css" rel="stylesheet" type="text/css">
        <script type = "text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js">
        </script>
        <script type = "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js">
        </script>
        <script type = "text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-et.js">
        </script>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script>
            $(function () {
                var daysToEnable = ['5-3-2011', '5-12-2011', '5-24-2011', '5-7-2011'];
     
                $('#datepicker').datepicker({
                    beforeShowDay: enableSpecificDates,
                });
     
                function enableSpecificDates(date) {
                    var month = date.getMonth();
                    var day = date.getDate();
                    var year = date.getFullYear();
                    for (i = 0; i < daysToEnable.length; i++) {
                        if ($.inArray((month + 1) + '-' + day + '-' + year, daysToEnable) != -1) {
                            return [true,'selectable'];
                        }
                    }
                    return [false];
                }
            });
        </script>
    </head>
    <body>
        <div class = "main">
            <div class ="header">
                <h1>Kapa-Kohila</h1>
                <h2>linn vikerkaare lõpus</h2>
            </div>
            <div class = "menu">
                <ul>
                    <li>	 
                        <a href="./index.html">Üldinfo</a>
                        <ul class="hidden">
                        	<li>
                                <a href="./index.html">Uudised</a>
                            </li>
                            <li>
                                <a href="">Kontakt</a>
                            </li>
                            <li>
                                <a href="">Kaardid</a>
                            </li>
                            <li>
                                <a href="">Tutvustus ja ajalugu</a>
                            </li>
							<li>
                                <a href="./bussiinfo.html">Bussiinfo</a>
                            </li>
                            <li>
                                <a href="">Pildigalerii</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="">Kultuur ja meelelahutus</a>
                    </li>
					<li>
                        <a href="">Haridus ja noorsootöö</a>
                    </li>
					<li>
                        <a href="">Sotsiaal- ja tervishoid</a>
                    </li>
                    <li>
                        <a href="">Kohalik võim</a>
                        <ul class = "hidden">
                            <li>
                                <a href="">Linnavalitsus</a>
                            </li>
                            <li>
                                <a href="">Linnavolikogu</a>
                            </li>
                            <li>
                                <a href="">Dokumendid</a>
                            </li>
                            <li>
                                <a href="">Teenused</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="./turism.html">Turism</a>
                    </li>
					
					
					<li class = "search">
                    <form method="get" id="searchform" action="">
                            <input type="text" class="searchbox" value="Otsing ..."/>
                            <button class="searchbutton" title="Otsi">
                                Otsi
                            </button>
                    </form>
					</li>
                </ul>
            </div>
            <div class = "content">
            	<h2>Turism</h2>
            	<h3>Kohalikud vaatamisväärsused</h3>
            	<ul>
            		<li><a href="">Nõia piparkoogimaja</a></li>
            		<li><a href="">Jack'i oavars</a></li>
            		<li><a href="">Kuldhanede farm</a></li>
            		<li><a href="">Jumanji</a></li>
            	</ul>
            </div>
            <div class = "container">
                <div class = "calendar" id="datepicker" style="font-size: 56.8%">
                </div>
                <div class = "twitter">
                	<h3>Twitter</h3>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                </div>
            </div>
            <div style="clear:both">
            </div>
			<div class = "footer">
				<p>Kapa-Kohila linnavalitsus</p>
				<p>Kapa-Kohila, Raplamaa 66553</p>
				<p>Telefon: 786 5432, faks: 786 5432, e-post: kapakohila@kapakohila.ee</p>
			</div>
        </div>
    </body>
</html>
